@import './common.less';
.index_page{
	ul.gift_send_pro{
		background: @theme_back_grey;
		li{
			float: left;
			width: 33.33%;
			text-align: center;
			color: #333;
			padding-top: 20*@base;
			font-size: 24*@base;
			position: relative;
			margin-bottom: 22*@base;
			border-bottom: @border_two_red;
			background: #fff;
			&.current_active{
				&:before{
		            content: "";
		            position: absolute;
		            bottom: -20*@base;
		            left: 50%;
		            margin-left: -10*@base;
		            border: 10*@base solid transparent;
		            border-top-color: @theme_red !important;
		            width: 0;
		            height: 0;
		        }
		        &:after{
		            content: "";
		            position: absolute;
		            bottom: -18*@base;
		            left: 50%;
		            margin-left: -10*@base;
		            border: 10*@base solid transparent;
		            border-top-color: #fff !important;
		            width: 0;
		            height: 0;
		        }
			}
			&.active{
				color: @theme_red;
				
			}
			img{
				width: 54*@base;
				height: 54*@base;
			}
			p{
				height: 56*@base;
				line-height: 56*@base;
			}
		}
	}
	ul.gift_send_item{
		background: @theme_back_grey;
		padding-bottom: 18*@base;
		li{
			padding: 0 28*@base;
			width: 100%;
			height: 106*@base;
			.basic_flex_item;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			font-size: 26*@base;
			color: #191919;
			background: #fff;
			&:first-child{
				border-bottom: @border_one_grey;
			}
			.num_add_wrap{
				
			}
			.icon_num_edit{
				img{
					width: 52*@base;
					height: 52*@base;
				}
			}
			.right_wrap{
				.basic_flex_item;
			}
			.num_wrap{
				width: 90*@base;
				text-align: center;
			}
		}
	}
	.gift_send_other{
		padding: 0 28*@base;
		background: #fff;
		p{
			font-size: 26*@base;
			height: 76*@base;
			line-height: 76*@base;
		}
		textarea{
			font-size: 24*@base;
			line-height: 34*@base;
			border: @border_two_red;
			padding: 20*@base;
			border-radius: 6*@base;
			height: 204*@base;
			min-height: 204*@base;
			max-height: 204*@base;
			width: 100%;
			min-width: 100%;
			max-width: 100%;
		}
	}
	.gift_wrap{
		ul{
			padding: 0 26*@base;
			li{
				height: auto;
				overflow: hidden;
				padding: 26*@base 0;
				padding-left: 154*@base;
				border-bottom: @border_one_grey;
				.red_span{
					color: @theme_red;
					font-size: 28*@base;
				}
				.left_img{
					float: left;
					margin-left: -154*@base;
				}
				.img_wrap{
					width: 126*@base;
					height: 126*@base;
					/*background-size: contain;
			        background-repeat: no-repeat;
			        background-position: center;
			        border: @border_one_grey;*/
			        border-radius: 4*@base;
					.basic_flex_item;
					img{
						width: 100%;
						height: auto;
					}

				}
				.main_content{
					.main_item{
						.basic_flex_item;
						-webkit-justify-content: space-between;
						justify-content: space-between;
					}
					.top_item{
						height: 70*@base;
						font-size: 28*@base;
					}
					.bottom_item{
						height: 54*@base;
						font-size: 22*@base;
						color: #656565;
					}
					.left_des{
						width: 300*@base;
						height: 54*@base;
						line-height: 54*@base;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.ali{
						font-size: 24*@base;
						span{
							color: @theme_red;
							display: inline-block;
							padding: 0 10*@base;
							font-size: 28*@base;
						}
					}
					.left_title{
						width: 280*@base;
						height: 70*@base;
						line-height: 70*@base;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
				}
			}
		}
	}
	.gift_share_wrap{
		padding: 37*@base;
		padding-top: 0.4rem;
		font-size: 26*@base;
		.gift_share_common{
			padding: 24*@base;
			padding-bottom: 60*@base;
			background: #fff;
			border: 2*@base solid #e6e6e6;
			border-radius: 6*@base;
		}
		.gift_share{
			margin-bottom:  20*@base;
		}
		.share_top{
			.basic_flex_item;
			img{
				width: 68*@base;
				height: 68*@base;
				border-radius: 6*@base;
				margin-right: 18*@base;
			}
		}
		.gift_content{
			width: 100%;
			height: 296*@base;
			background-color: #fff;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			border: @border_one_grey;
			border-radius: 8*@base;
			position: relative;
			-webkit-box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.5);
			-moz-box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.5);
			box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.5);
			div{
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				height: 76*@base;
				line-height: 76*@base;
				color: #fff;
				padding-left: 22*@base;
				letter-spacing: 0.05em;
				border-bottom-left-radius: 8*@base;
				border-bottom-right-radius: 8*@base;
				background: rgba(190, 1, 14, 0.7)
			}

		}
		.gift_words{
			.basic_flex_item;
			margin-top: 50*@base;
			-webkit-align-items: top;
			align-items: top;
			font-size: 22*@base;
			line-height: 34*@base;
			color: #494949;
			.right_wrap{
				width: 174*@base;
				-webkit-flex-shrink: 0;
				flex-shrink: 0;
				text-align: right;
				img{
					width: 140*@base;
					height: 140*@base;
				}
				p{
					color: @theme_red;
				}
			}
		}
		.gift_share_add{
			margin-top: 20*@base;
			font-size: 22*@base;
			color: #494949;
			line-height: 34*@base;
		}
	}

}
.confirm_btn{
	height: 84*@base;
	line-height: 84*@base;
	color: #fff;
	background: @theme_red;
	font-size: 28*@base;
	text-align: center;
	position: fixed;
	bottom: 0;
	width: 100%;
}
.mini_btn{
	height: 70*@base;
	line-height: 70*@base;
	color: #fff;
	background: @theme_red;
	font-size: 28*@base;
	text-align: center;
	width: 240*@base;
	border-radius: 4*@base;
	margin: 0 auto;
}

.half_confirm_btn{
	height: 84*@base;
	line-height: 84*@base;
	color: #fff;
	background: #fff;
	font-size: 28*@base;
	text-align: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	border-top: @border_one_grey;
	color: #656565; 
	.half_confirm_wrap{
		.basic_flex_item;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.buy_btn{
		color: #fff;
		width: 50%;
		background: @theme_red;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.red_span{
		color: @theme_red;
		font-size: 28*@base;
	}
}
.receive_page{
	.gift_share_wrap{
		font-size: 26*@base;
		.gift_share_common{
			padding: 24*@base;
			padding-bottom: 60*@base;
			background: #fff;
			border-radius: 6*@base;
		}
		.gift_share{
			margin-bottom:  20*@base;
		}
		.share_top{
			.basic_flex_item;
			img{
				width: 68*@base;
				height: 68*@base;
				border-radius: 6*@base;
				margin-right: 18*@base;
			}
		}
		.gift_content{
			width: 100%;
			height: 296*@base;
			background-color: #fff;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			border: @border_one_grey;
			border-radius: 8*@base;
			position: relative;
			-webkit-box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.5);
			-moz-box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.5);
			box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.5);
			div{
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				height: 76*@base;
				line-height: 76*@base;
				color: #fff;
				padding-left: 22*@base;
				letter-spacing: 0.05em;
				border-bottom-left-radius: 8*@base;
				border-bottom-right-radius: 8*@base;
				background: rgba(190, 1, 14, 0.7)
			}

		}
		.gift_words{
			.basic_flex_item;
			margin: 30*@base 0;
			-webkit-align-items: top;
			align-items: top;
			font-size: 22*@base;
			line-height: 34*@base;
			color: #494949;
			.right_wrap{
				width: 174*@base;
				-webkit-flex-shrink: 0;
				flex-shrink: 0;
				text-align: right;
				img{
					width: 140*@base;
					height: 140*@base;
				}
				p{
					color: @theme_red;
				}
			}
		}
		.gift_share_add{
			margin-top: 20*@base;
			font-size: 22*@base;
			color: #494949;
			line-height: 34*@base;
		}
		.gift_detail{
			ul{
				li{
					width: 100%;
					height: 86*@base;
					.basic_flex_item;
					-webkit-justify-content: space-between;
					justify-content: space-between;
					border-bottom: @border_one_grey;
					font-size: 28*@base;
				}
				.title{
					color: #191919;
				}
				.des{
					color: #696969;
					font-size: 24*@base;
				}
				.red_span{
					color: @theme_red;
					font-size: 28*@base;
				}
			}
		}
	}
}
.received_page{
	
	.received_congra{
		background: #fff;
		text-align: center;
		padding-top: 60*@base;
		font-size: 28*@base;
		img{
			width: 156*@base;
		}
		p{
			height: 180*@base;
			line-height:  180*@base;
		}
	}
	.received_thanks{
		margin-top: 70*@base;
		text-align: center;
		width: 100%;
	}
	.received_attention{
		position: fixed;
		bottom: 0;
		width: 100%;
		text-align: center;
		font-size: 26*@base;
		color: #666;
		img{
			width: 190*@base;
			height: 190*@base;
			margin-bottom: 0;
		}
		p{
			height: 66*@base;
			line-height: 66*@base;
			margin-bottom: 32*@base;
		}
	}
}
.user_address_page{
	ul{
		background: #fff;
		margin-top: 20*@base;
		li{
			.basic_flex_item;
			height: 86*@base;
			border-bottom: @border_one_grey;
			padding: 0 30*@base;
			.left_wrap{
				width: 4rem;
				-webkit-flex-shrink: 0;
				flex-shrink: 0;
				font-size: 26*@base;
				color: #191919;
			}
			.right_wrap{
				color: #999;
				height: 100%;
				width: 100%;
				padding: 20*@base;
				padding-left: 0;
				input{
					padding-left: 20*@base;
					width: 100%;
					line-height: 46*@base;
					border: 0;
					font-size: 26*@base;
				}
			}
		}
	}
}